<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Index Page with Iframe</title>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
    </style>
</head>
<body>
    <iframe id="contentFrame" src="objass_main.html"></iframe>
    <script>
       // 监听来自iframe的消息
       window.addEventListener('message', function(event) {
            // 检查消息来源以确保安全
            // 在这里，你应该替换'http://your-a-page-origin.com'为A页面的实际来源
            // 如果是本地文件，则无法直接指定一个具体的来源，但你可以检查event.origin是否为'null'（对于本地文件）
            // 或者，如果你知道父页面和iframe页面将部署在相同的域下（即使不是现在），你也可以检查event.origin是否以你的域名开头
            if (event.origin === 'http://your-a-page-origin.com' || event.origin === 'null' && window.location.protocol === 'file:') {
                // 根据接收到的消息更改iframe的src
                //解析event.data,获取load:前缀的后面部分
                if (event.data.startsWith('load:')) {
                    var page = event.data.split(':')[1];
                    var iframe = document.getElementById('contentFrame');
                    iframe.src = page + '.html'; // 假设A.html与index.html在同一域下，或者你可以使用完整的URL
                } else{
                    console.warn('Received message with unknown format:', event.data);
                }
            } else {
                // 如果消息来源不受信任，则忽略消息
                console.warn('Received message from untrusted origin:', event.origin);
            }
        }, false);
    </script>
</body>
</html>